var horaInicio = 0;
var parada = false;
var avanzar2;
var color_decimal;
var aumento;
var tipo = 0;

hexadecimal = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
var timeSim = 10; //minutos
	var timeReal = ((12 - 00)*60)/timeSim;
	//alert(timeReal);
	var avanzar = 182/72;//en cuanto se debería incrementar el color
	avanzar = Math.floor(avanzar) + 1;
	avanzar2 = timeReal/182; //256 - 74 = 182; cada cuantos segundos tiene que incrementar el color en 1
	avanzar2 = Math.floor(avanzar2*1000);
	color_decimal = 73;

$(document).ready(main);

function main(){
	$("#realizarSimulacion").click(Simular);
	$("#pararSimulacion").click(Parar);
}

function Parar(){
	aumento = 0;
	//while(parada)
	//if(tipo === 1 ) degradado();
	//else degradadoInvertido();
	
}

function Simular(){
	aumento = 1;
	if(tipo === 0) degradado();
	else if(tipo === 1 ) degradado();
	else if(tipo === 2) degradadoInvertido();
}

function convierteHexadecimal(num){
    var hexaDec = Math.floor(num/16);
    var hexaUni = num - (hexaDec * 16);
    return hexadecimal[hexaDec] + hexadecimal[hexaUni];
}

function degradado(){
	//	if(parada) degradado();
	//if(!parada){
		//document.getElementById("miLabel").innerHTML=horaInicio;
		//horaInicio++;
		tipo=1;
		color_decimal = color_decimal + aumento;
		//color_decimal = color_decimal + avanzar;
		color_hexadecimal = convierteHexadecimal(color_decimal)
		document.bgColor = color_hexadecimal + color_hexadecimal + color_hexadecimal;
		
                //$('body').css('background', '#'+ document.bgColor); 
                $('#mapCanvas').css('background-color','#'+document.bgColor);

		if (color_decimal < 255){
			setTimeout("degradado()",avanzar2);
			//setTimeout("degradado()",1000);
		}
		else
		{
			degradadoInvertido();
		}
	//} else degradado();
}

function degradadoInvertido(){
	//if(!parada){
		//document.getElementById("miLabel").innerHTML=horaInicio;
		//horaInicio++;
		//if (parada) degradadoInvertido();
		tipo = 2;
		color_decimal = color_decimal - aumento;
		//color_decimal = color_decimal + avanzar;
		color_hexadecimal = convierteHexadecimal(color_decimal)
		document.bgColor = color_hexadecimal + color_hexadecimal + color_hexadecimal
		
		//$('body').css('background', '#'+ document.bgColor);
		$('#mapCanvas').css('background-color','#'+document.bgColor);
                
		if (color_decimal > 73){
			setTimeout("degradadoInvertido()",avanzar2);
			//setTimeout("degradado()",1000);
		}
		else
		{
			degradado();
		}
	//}else degradadoInvertido();
}